<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PlayStation.Store</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>
<body>
    <!-- header -->
    <header></header>

    <!-- main -->

    <div class="main">

        <div class="title">
            <h1>游戏</h1>
        </div>

        <div class="content">
            <div class="sidebar">
                <div class="sdb1">
                    <h4>推荐内容</h4>
                    <ul>
                        <li><a href="/html/liebiaoye.html">限时特惠</a></li>
                        <li><a href="/html/liebiaoye.html">预售</a></li>
                        <li><a href="/html/liebiaoye.html">PlayStation®Plus</a></li>
                        <li><a href="/html/liebiaoye.html">PlayStation®VR</a></li>
                    </ul>
                </div>
                <div class="sdb2">
                        <h4>游戏</h4>
                        <ul>
                            <li><a href="/html/liebiaoye.html">限时特惠</a></li>
                            <li><a href="/html/liebiaoye.html">熱門多人線上遊戲</a></li>
                            <li><a href="/html/liebiaoye.html">基本免費遊戲</a></li>
                            <li><a href="/html/liebiaoye.html">試玩版及Beta測試</a></li>
                            <li><a href="/html/liebiaoye.html">遊戲</a></li>
                        </ul>
                    </div>
                    <div class="sdb3">
                            <h4>追加内容</h4>
                            <ul>
                                <li><a href="/html/liebiaoye.html">最受歡迎追加內容</a></li>
                                <li><a href="/html/liebiaoye.html">追加內容</a></li>
                                <li><a href="/html/liebiaoye.html">基本免費遊戲追加內容</a></li>
                                <li><a href="/html/liebiaoye.html">内容</a></li>
                                <li><a href="/html/liebiaoye.html">主題</a></li>
                                <li><a href="/html/liebiaoye.html">個人造型</a></li>
                                <li><a href="/html/liebiaoye.html">遊戲原聲帶</a></li>
                            </ul>
                        </div>
                        <div class="sdb4">
                                <h4>应用程序</h4>
                                <ul>
                                    <li><a href="/html/liebiaoye.html">应用程序</a></li>
                                </ul>
                            </div>

            </div>
            <div class="container">

                <div class="lbt">
                        <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="/images/index11.jpg" alt=""></div>
                                    <div class="swiper-slide"><img src="/images/index11.jpg" alt=""></div>
                                    <div class="swiper-slide"><img src="/images/index11.jpg" alt=""></div>
                                </div>
                                <!-- 如果需要导航按钮 -->
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                </div>

                <div class="list">

                    <div class="psn">
                        <img src="/images/index11.jpg" alt="">
                        <img src="/images/index12.jpg" alt="">
                    </div>

                    <div class="list1">

                        <div class="bt">
                            <h3>PlayStation®Plus&nbsp;&nbsp;|&nbsp;&nbsp;</h3><a href="#">查看全部</a>
                        </div>
                        <ul id="hyfw">
                            
                        </ul>
                        
                        <script type="text/html" id="hy">
                        {{each list item,index}}
                        <li>
                            <div class="img"><a href="/html/xiangqingye.html?id={{item.id}}"><img src="{{item.src}}" alt=""></a></div>
                            <h5>PlayStation®Plus</h5>
                            <p>定期服务<br>PS3 | PS4 | P...</p>
                            <div class="jg">{{item.title}}
                                <img src="/images/gwc.png">
                            </div>
                        </li>
                        {{/each}}
                        </script>

                    </div>

                    <div class="list1">

                            <div class="bt">
                                <h3>最新游戏&nbsp;&nbsp;|&nbsp;&nbsp;</h3><a href="#">查看全部</a>
                            </div>
                            <ul id="zxyx">
                                
                            </ul>
                            <script type="text/html" id="yx">
                            {{each list ps4}}
                                <li>
                                    <div class="img"><a href="/html/xiangqingye.html?id={{ps4.id}}"><img src="{{ps4.src}}" alt=""></a></div>
                                    <h5>{{ps4.brand}}</h5>
                                    <p>{{ps4.title}}</p>
                                    <div class="jg">HK${{ps4.jg}}<img src="/images/gwc.png"></div>
                                </li>
                            {{/each}}
                            </script>
    
                        </div>

                        <div class="list1">

                                <div class="bt">
                                    <h3>最新追加内容&nbsp;&nbsp;|&nbsp;&nbsp;</h3><a href="#">查看全部</a>
                                </div>
                                <ul>
                                    <li>
                                        <div class="img"></div>
                                        <h5>PlayStation®Plus</h5>
                                        <p>定期服务<br>PS3 | PS4 | P...</p>
                                        <div class="jg"><img src="/images/gwc.png"></div>
                                    </li>
                                    <li>
                                        <div class="img"></div>
                                        <h5>PlayStation®Plus</h5>
                                        <p>定期服务<br>PS3 | PS4 | P...</p>
                                        <div class="jg"><img src="/images/gwc.png"></div>
                                    </li>
                                    <li>
                                        <div class="img"></div>
                                        <h5>PlayStation®Plus</h5>
                                        <p>定期服务<br>PS3 | PS4 | P...</p>
                                        <div class="jg"><img src="/images/gwc.png"></div>
                                    </li>
                                    <li>
                                        <div class="img"></div>
                                        <h5>PlayStation®Plus</h5>
                                        <p>定期服务<br>PS3 | PS4 | P...</p>
                                        <div class="jg"><img src="/images/gwc.png"></div>
                                    </li>
                                </ul>
        
                            </div>
                </div>

                <div class="column">
                    <img src="/images/index10.jpg" alt="">
                </div>
            </div>
        </div>
    </div>


    <!-- footer -->
    <footer></footer>
</body>
<script src="/libs/swiper/js/swiper.min.js"></script>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>

<script>
        new Swiper ('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        speed:2500,
        grabCursor:false,
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
        },
        autoplay:{
          delay:3000,
          disableOnInteraction:false,
        },
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable:true,
          // autoplayDisableOnInteraction : false,
          // paginationClickable :true,
        },
        // 如果需要滚动条
        // scrollbar: {
        //   el: '.swiper-scrollbar',
        // },
      })        
      </script>
</html>